<template>
  <a-row type="flex" justify="center" align="middle" id="result-page">
    <a-col>
      <a-result :sub-title="subTitle">
        <template #icon>
          <span style="font-size: 120px;">{{ status }}</span>
        </template>
        <template #extra>
          <a-button @click="$router.push('/')">{{$t('messages.home')}}</a-button>
        </template>
      </a-result>
    </a-col>
  </a-row>
</template>

<script>
export default {
  props: {
    status: {
      default: '404',
      type: String
    },
    title: {
      default: '404'
    },
    subTitle: {
      default: '页面走丢了'
    }
  },
  components: {
  },
  name: "ResultPage"
}
</script>

<style scoped>
#result-page {
  height: 100%;
}
</style>
